<template>
  <div style="width: 100%;height: 500px;">
    <partition-drag style="width: 100%;height: 100%;" flexDirection="row">
      <!-- 限制div 最小宽度或高度,最大宽度或高度 根据 flexDirection:row 横向排列 column竖向排列 确定 -->
      <!-- keyId必须要有,并且必须唯一 originalFlex的值加起来必须等于100 -->
      <partition-drag-block :minValue="200" :maxValue="500" :originalFlex="20" keyId="one1">
        左侧1
      </partition-drag-block>
      <partition-drag-line keyId="two2"></partition-drag-line>
      <partition-drag-block :originalFlex="20" keyId="three3">
        右侧--2
      </partition-drag-block>
      <partition-drag-line keyId="two4"></partition-drag-line>
      <partition-drag-block :originalFlex="20" keyId="three5">
        右侧-----3
      </partition-drag-block>
      <partition-drag-line keyId="two5"></partition-drag-line>
      <partition-drag-block :originalFlex="20" keyId="three6">
        右侧-----4
      </partition-drag-block>
      <partition-drag-line keyId="two7"></partition-drag-line>
      <partition-drag-block :originalFlex="20" keyId="three8" :minValue="200" :maxValue="500">
        右侧-----5
      </partition-drag-block>
    </partition-drag>
  </div>
</template>
<script setup>
</script>
<style scoped>

</style>
